body
{
	font-family: Arial;
	font-size: 12px;
	color: #1564AA;
	background-color: #bebdb1;
	overflow: visible;
	width: 100%;
}

html
{
    width: 100%;
}

*
{
	padding: 0px;
	margin: 0px;
}

h1
{
	color: #0f5ca2;
	font-size: 12pt;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

h2
{
	color: #0f5ca2;
	font-size: 10pt;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}


p
{
	margin-bottom: 15px;
}

.horizontal-line
{
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #4C4C4C;
	margin-top: 5px;
	margin-bottom: 5px;
}

input
{
	margin: 0px 0px 1px;
	padding: 2px;
	border: 1px solid #4C4C4C;
	margin-right: 7px;
	text-align: left;
}

textarea
{
	margin: 0px 0px 1px;
	padding: 2px;
	border: 1px solid #4C4C4C;
}

textarea
{
	width: 100%;
}

.radio
{
	padding: 2px;
	margin: 0px 0px 1px;
	border: none;
}

.bold
{
	font-weight: bold;
}

.input-validation-error
{
    background-color: #ff9e9e;
}

.field-validation-error
{
	color: Red;
}

.center
{
	text-align: center;
}

.validation-summary-errors
{
	color: Red;
	margin-bottom: 5px;
}

div.content-text li
{
	margin-left: 20px;
}
/*
link opmaak 
*/
div.content-text a
{
	color: #E7491B;
	text-decoration: none;
}

div.content-text a:hover
{
	text-decoration: underline;
}

.clear
{
	clear: both;
}

/* Navigation */
.navigation ul
{
	padding-left: 0px;
	width: 220px;
	padding-right: 0px;
	padding-top: 0px;
	z-index: 90;
	list-style-type: none;
}

.navigation ul li
{
    background-image: url('arrow.png');
    background-repeat: no-repeat;
    background-position: 0px 2px; 
	position: relative;
	display: block;
	margin-bottom: 5px;
}

.navigation li a
{
	color: #244d73;
	font-size: 11px;
	display: block;
	line-height: 16px;
	width: 220px;
	padding-left: 15px;
	text-decoration: none;
	text-transform: uppercase;
}

.navigation li a:hover
{
    text-decoration: underline;
}

.navigation li ul
{
	position: absolute;
	margin-top: 0px;
	display: none;
	top: 15px;
	left: 150px;
	z-index: 120;
}

.navigation li a.current
{
	display: block;
	line-height: 16px;
	width: 160px;
}

.navigation li:hover ul
{
	display: block;
}

/*
table opmaak
*/
table.list th
{
	text-align: left;
	border-bottom: 2px solid #4C4C4C;
	color: #E7491B;
	font-weight: bold;
	line-height: 20px;
}

table.list td
{
	line-height: 20px;
	border-bottom: 1px dashed #4C4C4C;
}

/*
Site opmaak
*/
.container
{
	z-index: 1;
	position: relative;
	width: 100%;
	overflow: visible;
}

.topsite
{
    position: relative;
	z-index: 2;
	width: 100%;
	height: 183px;
	background-color: #bebdb1;
	padding: 0px;
}

.topsite_menu
{
    position: relative;
	z-index: 2;
	width: 100%;
	height: 42px;
	background-color: #bdbcb0;
	padding: 0px;
}

.header
{
    position: relative;
	z-index: 2;
	width: 980px;
	height: 183px;
	background-color: #f9f9f9;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

.logo
{
	position: relative;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	width: 282px;
	height: 183px;
	float: left;
}

.middlesite
{
	z-index: 1;
	position: relative;
	width: 100%;
	visibility: visible;
	overflow: visible;
	padding: 0px;
	margin: 0px;
}

.topmiddlesite
{
    position: relative;
	z-index: 2;
	width: 100%;
	background-color: #f2f2e8;
	padding: 0px;
}

.slideshow
{
	position: relative;
	background-image: url(../Images/slideshow.png);
	background-repeat: no-repeat;
	width: 698px;
	height: 183px;
	float: left;
}

DIV.anythingSlider
{
    position: relative;
    padding: 0px;
}

DIV.anythingSlider .anythingWindow
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#slider li img
{
    width: 100%;
    height: 100%;
}

UL.anythingBase
{
    padding: 0px;
    margin: 0px;
    list-style-image: none;
    list-style-type: none;
    background: none transparent scroll repeat 0% 0%;
}

UL.anythingBase LI.panel
{
    padding: 0px;
    margin: 0px;
    float: left;
    display: block;
    list-style-image: none;
    list-style-type: none;
    background: none transparent scroll repeat 0% 0%;
}

.middle
{
	z-index: 1;
	position: relative;
	width: 980px;
	background-color: #2268AD;
	overflow: visible;
	visibility: visible;
	margin-left: auto;
	margin-right: auto;
}

.middletable
{
	width: 980px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	background-color: #FFFFFF;
}

.middletable .tdleft
{
	width: 282px;
	background-image: url(menu.png);
	background-repeat: repeat-y;
}

.left
{
	z-index: 99;
	width: 100%;
	display: block;
}

.contact-information
{
	position: relative;
	z-index: 60;
	display: block;
	margin-left: 54px;
	margin-top: 50px;
	line-height: 20px;
	color: #244d73;
}

.navigation
{
	position: relative;
	z-index: 100;
	margin-bottom: 14px;
	margin-top: 20px;
	margin-left: 40px;
}

.topmenu
{
    position: relative;
	z-index: 2;
	width: 980px;
	height: 42px;
	background-color: #f9f9f9;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

.diensten
{
	position: relative;
	background-image: url(diensten.png);
	background-repeat: no-repeat;
	width: 282px;
	height: 42px;
	float: left;
}

.menubar
{
	position: relative;
	background-image: url(topmenu.png);
	background-repeat: repeat-x;
	width: 698px;
	height: 42px;
	float: left;
}

.menubar ul
{
    list-style-image: none;
    list-style-type: none;
    float: left;
}

.menubar ul li
{
    list-style-image: none;
    list-style-type: none;
    float: left;
    height: 42px;
    z-index: 9;
}

.startli
{
    background-image: url('starttopmenu.png');
	background-repeat: no-repeat;
}

.endli
{
    background-image: url('topmenu_spacer.png');
	background-repeat: no-repeat;
}

.menubar ul li a
{
	font-family: Arial;
	padding-left: 12px;
	padding-right: 11px;
	font-size: 13px;
	color: #d1d1d1;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	height: 42px;
	font-weight: bold;
	line-height: 38px;
	background-image: url('topmenu_spacer.png');
	background-repeat: no-repeat;
	background-position: -2;
	z-index: 10;
}

.content
{
	z-index: 0;
	position: relative;
	visibility: visible;
	overflow: visible;
	width: 470px;
	float: left;
	margin-bottom: 10px;
	display: block;
	top: 0px;
	left: 0px;
}

.content-right
{
    z-index: 0;
	position: relative;
	visibility: visible;
	overflow: visible;
	background-color: #FFFFFF;
	width: 212px;
	float: left;
	margin-bottom: 10px;
	margin-left: 6px;
	display: block;
	top: 0px;
	left: 0px;
	padding-top: 12px;
}

.content-title
{
	background-color: #4984B8;
	height: 30px;
	line-height: 30px;
	color: #FFFFFF;
	font-size: 8pt;
	letter-spacing: 2px;
	padding-left: 20px;
	margin: 1px;
}

.leftgradient
{
	z-index: 0;
	position: absolute;
	width: 273px;
	height: 100%;
	background-color: #fafafa;
	margin-left: 9px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#e6e6e6'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e6e6e6)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fafafa,  #e6e6e6); /* for Firefox */
}

.content-text
{
	z-index: 1;
	position: relative;
	width: 90%;
	color: #4C4C4C;
	min-height: 400px;
	overflow: visible;
	visibility: visible;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 30px;
}

.contentspacer
{
    clear: both;
    width: 698px;
    height: 31px;
    background-image: url(spacer.png);
	background-repeat: repeat-y;
}

td.content-background
{
    background-image: url(content.png);
	background-repeat: repeat-y;
}

div.content-text-more
{
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: right;
}

.right
{
	position: relative;
	min-height: 500px;
	height: 100%;
	float: left;
	display: block;
	margin-left: 7px;
}

.clear
{
	clear: both;
}

.footertable
{
	width: 980px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	background-color: #FFFFFF;
}

.footertable .tdleft
{
	background-image: url(leftfooter.png);
	background-repeat: no-repeat;
	width: 331px;
	height: 85px;
}

.footer
{
	background-image: url(footer.png);
	background-repeat: no-repeat;
	font-weight: bold;
	z-index: 2;
	position: relative;
	width: 698px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	vertical-align: bottom;
	font-size: 10px;
	color: #3b3b3b;
	clear: both;
}

.footer a
{
	color: #3b3b3b;
	font-size: 10px;
	text-decoration: underline;
}

.footer a:hover
{
	text-decoration: underline;
}

.alinea
{
	position: relative;
	display: block;
	margin: 0px 0px 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.buttons
{
	width: 100%;
	text-align: center;
}

div.submit-button
{
	width: 125px;
	border: 1px solid #E7491B;
	margin-left: auto;
	margin-right: auto;
	padding: 1px 1px 0px 1px;
	
	margin-top: 3px;
	margin-bottom: 3px;
}

div.submit-button input
{
	border: 1px solid #E7491B;
	border-collapse: collapse;
	width: 125px;
	padding: 2px;
	background-color: #E7491B;
	color: #FFFFFF;
	font-size: 8pt;
	letter-spacing: 2pt;
}

div.top-header-link
{
	position: relative;
	width: 100%;
	text-align: right;
}

.sectioncontent
{
    position: relative;
    overflow: hidden;
	margin-bottom: 15px;
	line-height: 20px;
}

.sectioncontent img
{
	max-width: 515px;
}

.sectioncontent h1
{
    font-family: Verdana, Arial, Sans-Serif;
	color: #0f5ca2;
	font-size: 17px;
	font-weight: normal;
	font-variant: small-caps;
	margin-bottom: 10px;
}

.sectioncontent p
{
	clear: none;
	margin-bottom: 15px;
}

.sectioncontent .imgleft
{
	max-width: 250px;
}

.sectioncontent .imgright
{
	max-width: 250px;
}

.imgleft
{
	border-style: none;
	margin: 3px 20px 15px 0px;
}

.imgright
{
	border-style: none;
	margin: 3px 0px 15px 20px;
}

.imgmiddle
{
	clear: both;
}

.albumthumbs li
{
	list-style-type: none;
	width: 125px;
	display: inline-block;
	float: left;
	margin-left: 0px;
	list-style-image: none;
}

.fotonietactief
{
	position: relative;
}

.fotothumb
{
	background-image: url('/Content/Images/thumbbottom.png');
	position: relative;
	line-height: 1em;
	margin: 0px 3px 3px;
	width: 119px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 122px;
	overflow: hidden;
}

.fotothumb img
{
	z-index: 10;
	border: #ccc 1px solid;
	padding: 1px;
	width: 115px;
	height: 115px;
}

.fotonietactief .fotothumb img
{
	border-left: #ccc 1px solid;
	background-color: #fff;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
}

.fotoactief .fotothumb img
{
	border-left: #888 1px solid;
	background-color: #efefef;
	border-top: #888 1px solid;
	border-right: #888 1px solid;
}

.fotobuttons
{
	position: absolute;
	display: block;
	min-width: 515px;
}

.hoverprev
{
	position: absolute;
	top: 30px;
	cursor: pointer;
}

.hovernext
{
	position: absolute;
	top: 30px;
	left: 515px;
	cursor: pointer;
}

.mainfotoclass
{
	text-align: center;
	cursor: pointer;
	width: 515px;
}

/* Alinea */
.alinea 
{
	position: relative;
    color: #4B4B4B;
	padding-bottom: 5px;
	margin: 0px 0px 5px;
	display: block;
	padding-top: 5px;
}

.alinea .validation-summary-valid
{
	color: #3FA3CC;
}

.bold
{
	color: #3FA3CC;
	font-weight: bold;
}

.alinea input
{
	border: 1px solid #4B4B4B;
	margin: 0px 7px 1px 0px;
	padding: 2px;
}

.alinea textarea
{
	border: 1px solid #4B4B4B;
	padding: 2px;
	margin: 0px 0px 1px;
	width: 100%;
}

.alinea p
{
	margin-bottom: 15px;
}

.buttons
{
	text-align: center;
	width: 100%;
	margin-top: 15px;
}

.buttons input
{
	border: 0px;
    background-image: url('button.jpg');
    background-repeat: no-repeat;
    width: 114px;
    height: 28px;
    cursor: pointer;
    font-weight: bold;
    color: #FFF;
    font-size: 10pt;
}

.alinea ul
{
	margin-left: 20px;
	margin-bottom: 10px;
}

/* Contact section */
.contact-details
{
	margin-bottom: 15px;
}

.contact-details span
{
	display: block;
}

.contactlabel
{
	width: 25%;
	display: inline-block;
}

.contactinput
{
	text-align: right;
	width: 74%;
	display: inline-block !important;
}

.contactinput input
{
	text-align: left;
	width: 95%;
	margin-bottom: 3px;
}

.invulveld
{
	width: 98%;
}

.antispamblock
{
	position: relative;
	border: #CCC 1px solid;
	line-height: 30px;
	margin: 1.5em auto;
	padding-left: 4px;
	width: 415px;
	display: block;
	height: 80px;
	float: left;
	vertical-align: top;
}

.antispamblock label
{
    margin-left: 10px;
    width: 350px;
    height: 30px;
    float: left;
    top: 0px;
}

.antispamblock input
{
    margin-left: 10px;
    margin-top: 9px;
	width: 100px;
	float: left;
	text-transform: uppercase;
}

.antispamblock img
{
    margin-left: 20px;
}

.submit-button
{
	border: 0px;
    background-image: url('button.jpg');
    background-repeat: no-repeat;
    width: 114px;
    height: 28px;
    cursor: pointer;
    font-weight: bold;
    color: #0f5ca2;
    font-size: 10pt;
    text-transform: uppercase;
}

.thumbs
{
    margin-top: 15px;
    position: relative;
    overflow: hidden;
	margin-bottom: 15px;
	line-height: 20px;
}

.home-thumb
{
    width: 212px;
}

.home-thumb img
{
    display: block;
    text-align: right;
    margin-top: 20px;
    margin-left: 10px;
    border: 0px;
}